@charset "UTF-8";
body{
    box-sizing:border-box;
    font-family: "微软雅黑"
}
header{
    width:7.5rem;
    height:.88rem;
    background-color:#0eb852;
     overflow: hidden;
     /*vertical-align:top;*/
}
header .nav{
    padding-bottom:.2rem;
}
header .nav h4,header .nav h2, header .nav ul{
    display:inline-block;
    font-size:0;
    margin-top:.28rem;
    vertical-align: top;
    position:relative;
}

header .nav h4 a{
    /*display:inline-block;*/
    font-size: .32rem;
    color:#fff;
    margin-left:.4rem;
    margin-bottom:.2rem;
}
header .nav h4 img{
    width:.16rem;
    height:.28rem;
    position: absolute;
    top:.04rem;
    left:.1rem;
}
header .nav h2 a{
    font-size:.36rem;
    color:#fff;
    font-weight:bold;
    margin-left:1.8rem;
}
header .nav h2  span{
    position:absolute;
    top:-.1rem;
    left:1.2rem;
    color:#fff;
    font-size:.5rem;
}
header .nav ul{
    margin:.44rem .15rem 0 1.7rem;
}
header .nav ul li{
    display:inline-block;
    width:.12rem;
    height:.12rem;
    background-color:#fff;
    border-radius:50%;
    margin:0 .05rem;
}
/*顶部 结束*/
/*banner 开始*/
.banner .swiper-container img{
    width:7.5rem;
    height:2.4rem;
}
/*banner 结束;*/
/*中间部分 开始*/
.box{
    margin-top:.5rem;
    margin:.5rem 0rem 0 .15rem;
}
.box ul{
    font-size: 0;
}
.box ul li{
    width:3.46rem;
    display:inline-block;
    margin:0 .2rem .2rem 0;
}
.box ul li .hua{
    position:relative;
    overflow:hidden;
}
.box ul li .hua img{
    width:3.46rem;
    height:3.98rem;
}
.box li .hua .text{
    position:absolute;
    top:3.66rem;
    left:0;
    cursor:pointer;
    text-align:center;
    width:3.46rem;
}
.box li .hua .kong{
    position:absolute;
    top:3.5rem;
    left:0;
    width:3.46rem;
    height:.5rem;
    background-color:rgba(0,0,0,.7);
    cursor:pointer;
    transform:translate(0,0);
    transition:all 0.6s;
    transition-delay:0.5s;
}
.box ul li  p{
    font-size:.22rem;
    color:#fff;
    opacity:1;
    transition:all 0.7s;

}
.box li .hua:hover .kong{
    transform:translate(-4rem,0);
}
.box li .hua:hover p{
    opacity:0;
}
/*中间部分 结束*/
/*底部 开始*/
footer ul{
    font-size: 0;
    margin-top: .1rem;}
footer li{
    width: 16.5%;
    height: 1.2rem;
    display: inline-block;
    text-align: center;
    font-size:.16rem;
}

footer .footer-icon{
    width: .8rem;height: .8rem;
    background: #bbbbbb;
    border-radius: 50%;
    padding-top: .1rem;
    margin-left: .18rem;
    color: white;
    font-size:.5rem;
    text-align:center;
}
footer ul li>p>a{
    font-size: .28rem;
   /*font-weight:bold;*/
    color:#6e5a5a;
    text-align: center;
}
footer li:nth-child(4) .footer-icon,
footer li:nth-child(5) .footer-icon,
footer li:nth-child(6) .footer-icon{
    margin:0 auto;}

footer ul .l1{
    background-color:#0eb852;
}
footer ul li:hover .footer-icon{
    background-color:#0eb852;
}




/*底部 结束*/
